<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index6.css">
    <link rel="stylesheet" href="swiper-bundle.min.css">

</head>

<body>
    <div class="coders">
        <div class="head">
            <ul>
                <li><a href="">Csaffoiding</a></li>
                <li><a href="">Csaffoiding</a></li>
                <li><a href="">Csaffoiding</a></li>
                <li><a href="">Csaffoiding</a></li>
                <li><a href="">Csaffoiding</a></li>
                <li><a href="">Csaffoiding</a></li>
            </ul>
        </div>
        <div class="nav">
            <div class="nav_left">
                <p>{Codester}</p>
            </div>
            <div class="nav_right">
                <ul>
                    <li><a href="">Home</a></li>
                    <li><a href="">Home</a></li>
                    <li><a href="">Home</a></li>
                    <li><a href="">Home</a></li>
                    <li><a href="">Home</a></li>
                </ul>
            </div>
        </div>
        <div class="main">
            <div class="tupian w">
                <div class="swiper-container ">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="img/slide-3.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="img/slide-4.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="img/slide-2.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="img/slide-1.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="img/slide-5.jpg" alt=""></div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>

            </div>
        </div>
        <div class="down w">
            <div class="down_left">
                <span>Namaskar!</span>
            </div>
            <div class="down_mid">

            </div>
            <div class="down_right">
                <ul>
                    <li>
                        <p>今天上午，神舟十二号三名航天员协同配合，正在进行中国空间站首次出舱活动。这是继神舟七号飞行乘组顺利完成出舱任务后，时隔13年，中国航天员再次执行出舱任务。</p>
                        <button>Download</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="work w">
        <h1>Our work</h1>
        <div class="work_main">
            <ul>
                <li><img src="img/work/10.jpg" alt=""></li>
                <li><img src="img/work/10.jpg" alt=""></li>
                <li><img src="img/work/10.jpg" alt=""></li>
                <li><img src="img/work/10.jpg" alt=""></li>
                <li><img src="img/work/10.jpg" alt=""></li>
                <li><img src="img/work/10.jpg" alt=""></li>
                <li><img src="img/work/10.jpg" alt=""></li>
                <li><img src="img/work/10.jpg" alt=""></li>
            </ul>
        </div>
        <div class="work_footer">
            <ul>
                <li>
                    <p id="big">湖南农业大学大三学生江仪（化名）近日收到一个陌生来电 <br> 对方声称是银联总行的工作人员</p>
                </li>
                <li>
                    <p id="small">现在的骗子防不胜防，骗术层出不穷，对付狡猾的骗子，就得比骗子还狡猾才行。</p>
                </li>
                <li><button>Download</button></li>
            </ul>
        </div>
    </div>
    <div class="blog w">
        <h1>From Blog</h1>
        <div class="blog_up">
            <ul>
                <li>
                    <h2>Web Design</h2>
                    <img src="img/blog-featured-03.jpg" alt="">
                    <p id="up">根本就不是一回事</p>
                    <div class="message">

                    </div>
                    <p>合法行为与违法行为之间</p>
                    <button>Read More</button>
                </li>
                <li>
                    <h2>Web Design</h2>
                    <img src="img/blog-featured-03.jpg" alt="">
                    <p id="up">根本就不是一回事</p>
                    <div class="message">

                    </div>
                    <p>合法行为与违法行为之间</p>
                    <button>Read More</button>
                </li>
                <li>
                    <h2>Web Design</h2>
                    <img src="img/blog-featured-03.jpg" alt="">
                    <p id="up">根本就不是一回事</p>
                    <div class="message">

                    </div>
                    <p>合法行为与违法行为之间</p>
                    <button>Read More</button>
                </li>
                <li>
                    <h2>Web Design</h2>
                    <img src="img/blog-featured-03.jpg" alt="">
                    <p id="up">根本就不是一回事</p>
                    <div class="message">

                    </div>
                    <p>合法行为与违法行为之间</p>
                    <button>Read More</button>
                </li>
            </ul>
        </div>
        <div class="blog_down w">
            <div class="blog_down_left">
                <ul>
                    <h1>Shortly about us</h1>
                    <li><img src="img/blog-featured-02.jpg" alt=""></li>
                    <li>
                        <p>面对嚣张猖獗的违法犯罪行为，发挥自<br> 来私力救济，固然是必要的但从 <br> 根本上来讲，比“以恶制恶”更管用的，
                            <br> 还是“依法制恶”。
                        </p>
                        <p>与犯罪分子斗争，不是单纯智商比拼的 <br> 娱乐游戏令人尤其不安的是，如今在各 <br> 类社交平台上，不乏“如何把骗子气哭”
                            <br> 所谓攻略
                        </p>
                    </li>
                </ul>
            </div>
            <div class="blog_down_right">
                <h1>Some quick links</h1>
                <ul>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                </ul>

                <ul>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                </ul>

                <ul>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                </ul>

                <ul>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                    <li><a href="">Fashion</a></li>
                </ul>
            </div>
        </div>

    </div>
    <div class="blog_footer">
        <p>@copyright wtu.zyf</p>
    </div>
    <script src="swiper-bundle.min.js">
    </script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: {
                el: '.swiper-pagination',
            },
        });
    </script>
</body>

</html>